@extends('tourism.layouts.default')
@section('content')
    <!--banner-->
    <div class="banner_met_16_3box     ">
        <div class="banner_met_16_3 page-bg" data-height='' style='' m-id='2' m-type='banner'>
            <div class="slick-slide">
                <img class="cover-image" src="{{image_url($category->image)}}" srcset='{!! image_url($category->image) !!}'
                     sizes="(max-width: 767px) 767px" alt="" data-height='0|0|0'>
            </div>
        </div>
    </div>
    <div class="content" style="margin-top: 70px">
        <div class="container">
            @widget('navigation_sidebar')
            <div class="content-right hidden-xs col-lg-9 col-sm-9 col-md-9 ">
                <div class="right-header">
                    {{ Breadcrumbs::render('category', $category) }}
                    <ul class="list">
                        @foreach($posts as $post)
                            <li>
                                <a class="cover" href="http://211.70.176.153/category/education-teach/post/537">
                                    <img src="{!! image_url($post->cover) !!}"/>
                                </a>
                                <div class="info">
                                    <a href="{!! $post->getPresenter()->url() !!}">
                                        <h3>{!! $post->title !!}</h3>
                                    </a>
                                    <p class="describe">{!! $post->content !!}</p>

                                    <div class="list-footer">
                                        <p class="time">{!! $post->published_at->format('Y年m月d日')!!}</p>
                                    </div>
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </div>
                {!! $posts->fragment('list')->links() !!}
            </div>
        </div>
    </div>
@endsection